@extends('layouts.index')
@section('title',trans('web.sign_up'))
@section('content')

    <div class="main-container">
        <section class="account-flow">
            <!-- react-empty: 1882 -->
            <header class="span14 account-flow__head">
                <div class="span7 span13-mobile push5-desktop">
                    <h1 class="account-flow__head__title">@lang('web.create_new_account')</h1>
                    <h2 class="account-flow__head__title account-flow__head__title--faded">@lang('web.new_account_desc')</h2>
                </div>
            </header>
            <div class="account-block-content">
                <div class="">
                    <aside class="span5 span5-tablet span14-mobile account-block-content__aside"></aside>
                    <div class="span9 span100p-tablet span100p-mobile account-block-content__content">
                        <div class="span4 span6-tablet span100p-mobile account-flow__form">
                            <header class="block-label--relative">@lang('web.user_sign_up')</header>
                            <form action="{{route('register')}}" method="post" novalidate="">
                                {{ csrf_field() }}
                                <label class="custom-label relative">
                                    <input type="name" id="name" class="custom-input__input span3 span4-tablet span100p-mobile account-flow__form__input" name="name"  placeholder="@lang('web.full_name')" value="{{old('name')}}">
                                </label>
                                <span></span>
                                <label class="custom-label relative"><input type="text" id="email" class="custom-input__input span3 span4-tablet span100p-mobile account-flow__form__input" name="email"  placeholder="@lang('web.email')" value="{{old('email')}}">
                                </label>
                                <span></span>
                                <label class="custom-label relative"><input type="password" id="password" class="custom-input__input span3 span4-tablet span100p-mobile account-flow__form__input" name="password"  placeholder="@lang('web.password')"  value="">
                                </label>
                                <span></span>
                                <label class="custom-label relative"><input type="password" id="password2" class="custom-input__input span3 span4-tablet span100p-mobile account-flow__form__input" name="password_confirmation"  placeholder="@lang('web.confirm_password')" >
                                </label>
                                <label for="remember8" class="custom-checkbox">
                                    <input type="checkbox" id="remember8" @if(old('remember')=='on') checked @endif name="remember" class="custom-checkbox__input">
                                <div class="custom-checkbox__pseudo"></div>
                                <!-- react-text: 1949 -->@lang('web.agree')<!-- /react-text -->&nbsp&nbsp<a href="{{asset('/USE.docx')}}" >@lang('web.see')</a>
                                </label>
                                <button type="submit" value="@lang('web.sign_up')" name="Sign up" class="form-submit account-flow__form__submit button--go"><!-- react-text: 1911 -->@lang('web.sign_up')<!-- /react-text --><svg class="svg-spinner form-submit__spinner svg-spinner--inactive" width="16px" height="16px" viewBox="0 0 66 66">
                                        <circle class="svg-spinner__path-bg" stroke="transparent" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                                        <circle class="svg-spinner__path" stroke="#dbdbdb" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                                    </svg></button></form><div class="account-flow__form__btw"><!-- react-text: 1916 -->@lang('web.already_a_user')? <!-- /react-text --><a class="account-flow__form__btw__link" href="{{route('login')}}">@lang('web.sign_in')</a></div></div>
                        <div class="span3 span4-tablet span100p-mobile span account-flow__social">

                        </div>
                        <div class="cf"></div></div>
                    <div class="cf"></div></div>
            </div>
        </section>
    </div>
@endsection
